<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="—/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../../css/app.css" />
    <style>
        .userBg{width: 100%;height: auto}
        .userWrap{width: 25%;height: auto;position: relative;top:-80px;left: 40px}
        .userImg{width: 100%;height: auto}
        .userInfor{position: relative; top:-80px;}
        .mui-table-view{position: absolute;width: 100%;top: 260px}
        .mui-table-view li{width: 100%}
        .linkList li{padding-left: 35px}
        .linkList li:nth-child(1){background:url("../../images/user/walletiocn.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(2){background:url("../../images/user/CollectionIcon.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(3){background:url("../../images/user/accountSecurity.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(4){background:url("../../images/user/adress.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(5){background:url("../../images/user/set.png") no-repeat 20px center;background-size: 20px; }
    </style>
    <script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
</head>

<body>
<header>
    <div>
        <img class="userBg" src="../../images/user/userBg.png"/>
    </div>
    <div class="userWrap">
        <img class="userImg" src="../../images/user/userImg.png"/>
    </div>
    <div class="userInfor">
        <div class="mui-pull-left" style="margin-left: 50px">
            <p style="color: #333333;font-size: 16px;">姓名</p>
            <p>手机号：11111111111</p>
        </div>
        <div class="mui-pull-right">
            <a href="javascript:;"><img style="width:60px;margin-right: 20px;margin-top: -10px" src="../../images/user/edit.png"/></a>
        </div>
    </div>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="#tabbar">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-compose"></span>
        <span class="mui-tab-label">订单</span>
    </a>
    <a class="mui-tab-item mui-active" href="http://www.baidu.com">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">我的</span>
    </a>

</nav>
<div class="mui-content">
    <ul class="mui-table-view linkList">
        <li class="mui-table-view-cell" style="border-top: solid 1px #efefef">
            <a class="mui-navigate-right">我的钱包</a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">我的收藏</a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">账户安全</a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">我的地址</a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">设置</a>
        </li>
    </ul>


</div>
</body>
<script src="../../js/mui.min.js"></script>
<script>

</script>
</html>